<link rel="stylesheet" type="text/css" href="/static/css/pc/index.css" />
<link rel="stylesheet" href="/static/css/pc/common.less" />
<link rel="stylesheet/less" type="text/css" href="/static/css/pc/index.less">
<style type="text/css">
  ul {
    list-style: none !important;
  }

  p {
    margin: 0 0 1px !important;
  }

  .brand-list li {
    margin: 12.5px 10.5px !important;
  }

  .buy-btn {
    font-size: 14px;
    width: 118px;
    height: 34px;
    line-height: 34px;
    border-radius: 18px;
    background: #488DFB;
    color: #fff;
    transition: all 0.5s;
    display: block;
    margin: 0 auto;
    border: 1px solid #488DFB;
    text-align: center;
  }
</style>
<div class="content" id="content" val="3">
  <div class="container">
    <div class="category-block clearfix">
      <div class="title-contianer">
        <h2 class="title anchor" id="Favoriteselection">好物甑选<span class="desc">Favorite selection</span></h2>
        <ul class="category-list clearfix">
          <li class="item">
            <a href="#">磨毛套件</a>
          </li>
          <li class="item">
            <a href="#">羽绒厚被</a>
          </li>
          <li class="item">
            <a href="#">绒暖布艺</a>
          </li>
          <li class="item">
            <a href="#">床品套件</a>
          </li>
          <li class="item">
            <a href="#">被枕垫褥</a>
          </li>
          <li class="item">
            <a href="#">布艺软装</a>
          </li>
          <li class="item">
            <a href="#">毛巾浴巾</a>
          </li>
        </ul>
      </div>
      <div class="favorite">
        <div class="banner">
          <a href="#">
            <div class="bd">
              <p class="title">时尚潮流</p>
              <div class="hr"></div>
              <div class="desc">20款时尚流行搭配</div>
            </div>
          </a>
        </div>
        <ul class="goods-list">
          <li class="goods small">
            <a href="#">
              <div class="overflow-hidden">
                <img class="img-scale" src="/static/images/pc/72.png">
              </div>
              <p class="title">潮流行李箱</p>
            </a>
          </li>
          <li class="goods small">
            <a href="#">
              <div class="overflow-hidden">
                <img class="img-scale" src="/static/images/pc/74.png">
              </div>
              <p class="title">潮流行李箱</p>
            </a>
          </li>
          <li class="goods big">
            <a href="#">
              <div class="info">
                <p class="title">CK制造</p>
                <p class="desc">甄选大牌尖货</p>
                <p class="price">123.00起</p>
              </div>
              <div class="overflow-hidden">
                <img class="goods-img img-scale" src="/static/images/pc/70.png">
              </div>
            </a>
          </li>
          <li class="goods small">
            <a href="#">
              <div class="overflow-hidden">
                <img class="img-scale" src="/static/images/pc/71.png">
              </div>
              <p class="title">潮流行李箱</p>
            </a>
          </li>
          <li class="goods small">
            <a href="#">
              <div class="overflow-hidden">
                <img class="img-scale" src="/static/images/pc/73.png">
              </div>
              <p class="title">潮流行李箱</p>
            </a>
          </li>
          <li class="goods big">
            <a href="#">
              <div class="info">
                <p class="title">聚名品</p>
                <p class="desc">甄选大牌尖货</p>
                <p class="price">123.00起</p>
              </div>
              <div class="overflow-hidden">
                <img class="goods-img img-scale" src="/static/images/pc/69.png">
              </div>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<!-- 编辑 Modal -->
<div class="modal hide fade" id="checkProductInfoByName" style="width: 700px;" tabindex="-1" role="dialog">
  <div class="modal-header">
    <button class="close" type="button" data-dismiss="modal">×</button>
    <h3 id="addRoleModalLabel">选择商品信息</h3>
  </div>
  <div class="modal-body">
    <form id="dataForm" class="definewidth m20" enctype="multipart/form-data">
      <input type="hidden" id="id"/>
      <input type="hidden" id="config_id"/>
      <table class="table table-bordered table-hover definewidth m10">
        <tr>
          <td style="width: 25%;" class="tableleft">商品名称</td>
          <td style="width: 63%;">
            <input type="text" id="productName" style="width: 300px;" class="required-control"/>
            <span style="color:red;">*</span>
          </td>
          <td>
            <a href="javascript:void(0);" id="queryProductInfo" class="btn btn-primary">查询</a>
          </td>
        </tr>
      </table>
    </form>
    <table id="taskList_table" class="table table-bordered table-hover definewidth">

    </table>
  </div>
  <div class="modal-footer">
    <a href="javascript:$('.required-control').each(function(){$(this).css('border','1px solid #ccc');$(this).attr('placeholder','');});$('#checkProductInfoByName').modal('hide');$('#dataForm')[0].reset();"
       class="btn">关闭</a>
    <a href="javascript:void(0);" id="doSaveProduct" class="btn btn-primary">保存</a>
  </div>
</div>
<script type="text/javascript" src="/static/js/lib/pcIndex.js"></script>